<!DOCTYPE html [
    <!ENTITY nbsp "&#160;">
    <!ENTITY bull "&#8226;">
    <!ENTITY copy "&#169;">
]>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>故障列表</title>
        <style type="text/css">
      		html, body,form{ margin:0;width:100%; height:100%;}
            .ui-widget {
                font-size: 90%;
            }
            table{
   				 table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
			}
			td{
			    width:100%;
			    word-break:keep-all;/* 不换行 */
			    white-space:nowrap;/* 不换行 */
			    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
			    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
			}
        </style>
    </h:head>
    <h:body>
    
        <h:form>
            <p:dataTable emptyMessage="无记录" var="item" value="#{lineFaultQueryView.records}" style="width:100%;"   scrollable="true" scrollHeight="450">
                <p:column width="10%" headerText="设备名称">
                    <h:outputText  value="#{item.equipment}" />
                </p:column>
 				<p:column width="10%" headerText="电压等级">
                    <h:outputText value="#{item.voltage}" />
                </p:column>
                <p:column width="10%" headerText="所属单位">
                    <h:outputText value="#{item.rank}" />
                </p:column>
 
                <p:column width="10%" headerText="故障时间">
                    <h:outputText value="#{item.faultTime}" />
                </p:column>
 
                <p:column width="10%" headerText="故障类型">
                    <h:outputText value="#{item.faultType}" />
                </p:column>
                <p:column width="10%" headerText="故障原因">
                    <h:outputText value="#{item.faultReson}" />
                </p:column>
                <p:column width="10%" headerText="故障相别">
                    <h:outputText value="#{item.faultPhase}" />
                </p:column>
                <p:column width="20%"   headerText="故障描述">
                    <h:outputText title="#{item.remark}" value="#{item.remark}" />
                </p:column>
 
                <p:column width="10%" style="width:32px;text-align: center">
                    <p:commandButton icon="ui-icon-search" />
                </p:column>
            </p:dataTable>
        </h:form>
    </h:body>
     
</html>